
import  React, { Component } from 'react';
import { Carousel ,Progress} from 'antd';
class  Index   extends   Component{


    constructor(props) {
        super();
        this.state = {
           pro:0
        }
    }
    componentDidMount(){

/*

        this.timer=   setInterval(function () {
            this.setState({pro:this.state.pro+1});
            console.log(this.state.pro)
        }.bind(this),500)
*/
    }
       render() {


           const  my_li=  React.Children.map(this.props.children,function (child) {
               return  <li>{child}</li>
           })





           return(
          <div>
            <div>
                <Carousel autoplay>
                    <div><h3>1</h3></div>
                    <div><h3>2</h3></div>
                    <div><h3>3</h3></div>
                    <div><h3>4</h3></div>
                </Carousel>


            </div>
           <div>

               {  my_li }

           </div>
          </div>

           );


    }



}

export default  Index;